@import '../../../themes/variable.scss'

.#{$pre-fix}-scroll
  width: 100%
  height: 100%
  overflow: hidden
  &-inner
    width: 100%
    height: 100%
    overflow: scroll
    &::-webkit-scrollbar /*滚动条整体样式*/
      width: 6px /*高宽分别对应横竖滚动条的尺寸*/
      height: 4px

    &::-webkit-scrollbar-thumb /*滚动条里面小方块*/
      border-radius: 4px
      background: transparent

    &::-webkit-scrollbar-corner
      background: transparent

    &::-webkit-scrollbar-track /*滚动条里面轨道*/
      box-shadow: inset 0 0 5px transparent
      border-radius: 10px
      background: transparent
    &:hover
      &::-webkit-scrollbar-thumb
        background-color: rgba(143, 135, 135, 0.5)


// ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
// ::-webkit-scrollbar-button 滚动条两端的按钮
// :-webkit-scrollbar-track 外层轨道
// ::-webkit-scrollbar-track-piece 内层滚动槽
// ::-webkit-scrollbar-thumb 滚动的滑块
// ::-webkit-scrollbar-corner 边角
// ::-webkit-resizer 定义右下角拖动块的样式
